<%--
  Created by IntelliJ IDEA.
  User: 95126
  Date: 2021/4/29
  Time: 8:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="../imgs/css/bootstrap.min.css">
    <link rel="stylesheet" href="../imgs/css/all.min.css">
    <link rel="stylesheet" href="../imgs/css/animate.css">
    <link rel="stylesheet" href="../imgs/css/flaticon.css">
    <link rel="stylesheet" href="../imgs/css/magnific-popup.css">
    <link rel="stylesheet" href="../imgs/css/odometer.css">
    <link rel="stylesheet" href="../imgs/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../imgs/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="../imgs/css/nice-select.css">
    <link rel="stylesheet" href="../imgs/css/main.css">

    <link rel="shortcut icon" href="../imgs/images/favicon.png" type="image/x-icon">

    <title>Boleto  - Online Ticket Booking Website HTML Template</title>


</head>

<body>
<!-- ==========Preloader========== -->
<div class="preloader">
    <div class="preloader-inner">
        <div class="preloader-icon">
            <span></span>
            <span></span>
        </div>
    </div>
</div>
<!-- ==========Preloader========== -->
<!-- ==========Overlay========== -->
<div class="overlay"></div>
<a href="#0" class="scrollToTop">
    <i class="fas fa-angle-up"></i>
</a>
<!-- ==========Overlay========== -->

<!-- ==========Header-Section========== -->
<header class="header-section">
    <div class="container">
        <div class="header-wrapper">
            <div class="logo">
                <a href="index.html">
                    <img src="../imgs/images/logo/logo.png" alt="logo">
                </a>
            </div>
            <ul class="menu">
                <li>
                    <a href="#0">首页</a>
                    <ul class="submenu">
                        <li>
                            <a href="index.html">首页 One</a>
                        </li>
                        <li>
                            <a href="index-2.html">首页 Two</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">电影</a>
                    <ul class="submenu">
                        <li>
                            <a href="movie-grid.html">电影网</a>
                        </li>
                        <li>
                            <a href="movie-list.html">电影列表</a>
                        </li>
                        <li>
                            <a href="movie-details.html">电影详细资料</a>
                        </li>
                        <li>
                            <a href="movie-details-2.html">电影详细资料 2</a>
                        </li>
                        <li>
                            <a href="movie-ticket-plan.html">电影上映计划</a>
                        </li>
                        <li>
                            <a href="movie-seat-plan.html">电影选票</a>
                        </li>
                        <li>
                            <a href="movie-checkout.html">影票支付</a>
                        </li>
                        <li>
                            <a href="popcorn.html">影院餐食</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">线下活动</a>
                    <ul class="submenu">
                        <li>
                            <a href="events.html">线下活动</a>
                        </li>
                        <li>
                            <a href="event-details.html">活动细节</a>
                        </li>
                        <li>
                            <a href="event-speaker.html">活动发言人</a>
                        </li>
                        <li>
                            <a href="event-ticket.html">购票</a>
                        </li>
                        <li>
                            <a href="event-checkout.html">支付</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0" class="active">体育运动</a>
                    <ul class="submenu">
                        <li>
                            <a href="sports.html">体育运动</a>
                        </li>
                        <li>
                            <a href="sport-details.html">赛事简介</a>
                        </li>
                        <li>
                            <a href="#0" class="active">赛事购票</a>
                        </li>
                        <li>
                            <a href="sports-checkout.html">支付</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">pages</a>
                    <ul class="submenu">
                        <li>
                            <a href="about.html">关于我们</a>
                        </li>
                        <li>
                            <a href="apps-download.html">App下载</a>
                        </li>
                        <li>
                            <a href="sign-in.html">登录</a>
                        </li>
                        <li>
                            <a href="sign-up.html">报名</a>
                        </li>
                        <li>
                            <a href="404.html">404</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#0">博客</a>
                    <ul class="submenu">
                        <li>
                            <a href="blog.html">博客</a>
                        </li>
                        <li>
                            <a href="blog-details.html">博客单</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="contact.html">联系我们</a>
                </li>
                <li class="header-button pr-0">
                    <a href="sign-up.html">加入我们</a>
                </li>
            </ul>
            <div class="header-bar d-lg-none">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
</header>
<!-- ==========Header-Section========== -->

<!-- ==========Banner-Section========== -->
<section class="main-page-header speaker-banner bg_img" data-background="../imgs/images/banner/banner07.jpg">
    <div class="container">
        <div class="speaker-banner-content">
            <h2 class="title">关于我们</h2>
            <ul class="breadcrumb">
                <li>
                    <a href="index.html">
                        首页
                    </a>
                </li>
                <li>
                    关于我们
                </li>
            </ul>
        </div>
    </div>
</section>
<!-- ==========Banner-Section========== -->

<!-- ==========Speaker-Single========== -->
<section class="about-section padding-top padding-bottom">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-lg-6">
                <div class="event-about-content">
                    <div class="section-header-3 left-style m-0">
                        <span class="cate">我们是购票网站 </span>
                        <h2 class="title">了解我们</h2>
                        <p>
                            Lorem ipsum悲哀地坐在阿梅特的位子上，奉献给精英们，为他们提供临时的劳动和巨大的财富。同侧肌暂停妊娠。
                        </p>
                        <p>
                            Lorem ipsum悲哀地坐在阿梅特的位子上，奉献给精英们，为他们提供临时的劳动和巨大的财富。这是一次怀孕。这是一次悲伤的经历，一次成功的经历
                        </p>
                        <a href="#0" class="custom-button">订票</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 d-none d-lg-block">
                <div class="about-thumb">
                    <img src="../imgs/images/about/about01.png" alt="about">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Speaker-Single========== -->

<!-- ==========Philosophy-Section========== -->
<div class="philosophy-section padding-top padding-bottom bg-one bg_img bg_quater_img" >
    <div class="container">
        <div class="row">
            <div class="col-lg-9 offset-lg-3 bg-two">
                <div class="philosophy-content">
                    <div class="section-header-3 left-style">
                        <span class="cate">看看</span>
                        <h2 class="title">我们的理念</h2>
                        <p class="ml-0">
                            Lorem ipsum悲哀地坐在阿梅特，奉献给精英们，在工作和工作中都能得到最大的回报
                        </p>
                    </div>
                    <ul class="phisophy-list">
                        <li>
                            <div class="thumb">
                                <img src="../imgs/images/philosophy/icon1.png" alt="philosophy">
                            </div>
                            <h5 class="title">诚实 & 公平 </h5>
                        </li>
                        <li>
                            <div class="thumb">
                                <img src="../imgs/images/philosophy/icon2.png" alt="philosophy">
                            </div>
                            <h5 class="title">清晰 & 明确</h5>
                        </li>
                        <li>
                            <div class="thumb">
                                <img src="../imgs/images/philosophy/icon3.png" alt="philosophy">
                            </div>
                            <h5 class="title">以客户为中心</h5>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ==========Philosophy-Section========== -->

<!-- ==========About-Counter-Section========== -->
<section class="about-counter-section padding-bottom padding-top">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class="section-header-3 left-style mb-lg-0">
                    <span class="cate">记住</span>
                    <h2 class="title">有趣的事实</h2>
                    <p>客观地把握可扩展的指标，而主动式服务则无缝地支持充分研究的增长战略</p>
                </div>
            </div>
            <div class="col-lg-8">
                <div class="about-counter">
                    <div class="counter-item">
                        <div class="counter-thumb">
                            <img src="../imgs/images/about/about-counter01.png" alt="about">
                        </div>
                        <div class="counter-content">
                            <h3 class="title odometer" data-odometer-final="30"></h3>
                            <h3 class="title">M+</h3>
                        </div>
                        <span class="d-block info">客户</span>
                    </div>
                    <div class="counter-item">
                        <div class="counter-thumb">
                            <img src="../imgs/images/about/about-counter02.png" alt="about">
                        </div>
                        <div class="counter-content">
                            <h3 class="title odometer" data-odometer-final="11"></h3>
                        </div>
                        <span class="d-block info">忏悔</span>
                    </div>
                    <div class="counter-item">
                        <div class="counter-thumb">
                            <img src="../imgs/images/about/about-counter03.png" alt="about">
                        </div>
                        <div class="counter-content">
                            <h3 class="title odometer" data-odometer-final="650"></h3>
                            <h3 class="title">+</h3>
                        </div>
                        <span class="d-block info">城镇 & 城市</span>
                    </div>
                    <div class="counter-item">
                        <div class="counter-thumb">
                            <img src="../imgs/images/about/about-counter04.png" alt="about">
                        </div>
                        <div class="counter-content">
                            <h3 class="title odometer" data-odometer-final="5000"></h3>
                            <h3 class="title">+</h3>
                        </div>
                        <span class="d-block info">屏幕</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========About-Counter-Section========== -->

<!-- ==========Client-Section========== -->
<section class="client-section padding-bottom padding-top bg_img" >
    <div class="container">
        <div class="section-header-3">
            <span class="cate">推荐信</span>
            <h2 class="title">粉丝都说</h2>
        </div>
        <div class="client-slider owl-carousel owl-theme">
            <div class="client-item">
                <div class="client-thumb">
                    <img src="../imgs/images/client/client01.jpg" alt="client">
                </div>
                <div class="client-content">
                    <h5 class="title">
                        <a href="#0">拉夫兹</a>
                    </h5>
                    <span class="info"><i class="fas fa-check"></i>确认</span>
                    <blockquote class="client-quote">
                        “价格很高，比其他网站便宜！易于使用。”
                    </blockquote>
                </div>
            </div>
            <div class="client-item">
                <div class="client-thumb">
                    <img src="../imgs/images/client/client03.jpg" alt="client">
                </div>
                <div class="client-content">
                    <h5 class="title">
                        <a href="#0">鲁德拉</a>
                    </h5>
                    <span class="info"><i class="fas fa-check"></i> 确认</span>
                    <blockquote class="client-quote">
                        “我是在illum ipsum non beatae cumque工作的”
                    </blockquote>
                </div>
            </div>
            <div class="client-item">
                <div class="client-thumb">
                    <img src="../imgs/images/client/client02.jpg" alt="client">
                </div>
                <div class="client-content">
                    <h5 class="title">
                        <a href="#0">拉伊汉</a>
                    </h5>
                    <span class="info"><i class="fas fa-check"></i> 确认</span>
                    <blockquote class="client-quote">
                        “阿梅特·康塞特图尔·阿迪皮斯汀。“动物，但消费”
                    </blockquote>
                </div>
            </div>
            <div class="client-item">
                <div class="client-thumb">
                    <img src="../imgs/images/client/client04.jpg" alt="client">
                </div>
                <div class="client-content">
                    <h5 class="title">
                        <a href="#0">沙希德</a>
                    </h5>
                    <span class="info"><i class="fas fa-check"></i> 确认</span>
                    <blockquote class="client-quote">
                        “小秋叶重蹈覆辙。”
                    </blockquote>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Client-Section========== -->

<!-- ==========Speaker-Section========== -->
<section class="speaker-section padding-bottom padding-top">
    <div class="container">
        <div class="section-header-3">
            <span class="cate">满足我们最宝贵的</span>
            <h2 class="title">专家组成员</h2>
            <p>世界致力于使参加活动成为一个骚扰免费的经验，每个人，不分经验、性别、性别认同和表达水平</p>
        </div>
        <div class="speaker--slider">
            <div class="speaker-slider owl-carousel owl-theme">
                <div class="speaker-item">
                    <div class="speaker-thumb">
                        <a href="event-speaker.html">
                            <img src="../imgs/images/speaker/speaker01.jpg" alt="speaker">
                        </a>
                    </div>
                    <div class="speaker-content">
                        <h5 class="title">
                            <a href="event-speaker.html">
                                杰拉德·布莱恩
                            </a>
                        </h5>
                        <span>联合创始人、首席执行官</span>
                    </div>
                </div>
                <div class="speaker-item">
                    <div class="speaker-thumb">
                        <a href="event-speaker.html">
                            <img src="../imgs/images/speaker/speaker02.jpg" alt="speaker">
                        </a>
                    </div>
                    <div class="speaker-content">
                        <h5 class="title">
                            <a href="event-speaker.html">
                                雷汉·拉富吉
                            </a>
                        </h5>
                        <span>联合创始人、首席执行官</span>
                    </div>
                </div>
                <div class="speaker-item">
                    <div class="speaker-thumb">
                        <a href="event-speaker.html">
                            <img src="../imgs/images/speaker/speaker03.jpg" alt="speaker">
                        </a>
                    </div>
                    <div class="speaker-content">
                        <h5 class="title">
                            <a href="event-speaker.html">
                                贝拉·博斯
                            </a>
                        </h5>
                        <span>联合创始人、首席执行官</span>
                    </div>
                </div>
                <div class="speaker-item">
                    <div class="speaker-thumb">
                        <a href="event-speaker.html">
                            <img src="../imgs/images/speaker/speaker04.jpg" alt="speaker">
                        </a>
                    </div>
                    <div class="speaker-content">
                        <h5 class="title">
                            <a href="event-speaker.html">
                                草漏斗
                            </a>
                        </h5>
                        <span>联合创始人、首席执行官</span>
                    </div>
                </div>
            </div>
            <div class="speaker-prev">
                <i class="flaticon-double-right-arrows-angles"></i>
            </div>
            <div class="speaker-next">
                <i class="flaticon-double-right-arrows-angles"></i>
            </div>
        </div>
    </div>
</section>
<!-- ==========Speaker-Section========== -->

<!-- ==========Gallery-Section========== -->
<section class="gallery-section padding-top padding-bottom bg-one">
    <div class="container">
        <div class="section-header-3">
            <span class="cate">看看我们的</span>
            <h2 class="title">每个粉丝都有一张票。</h2>
            <p>世界致力于使参加活动成为一个骚扰免费的经验。每个人，不分经验、性别、性别认同和表达水平</p>
        </div>
        <div class="row justify-content-center gallery-wrapper mb-30-none">
            <div class="col-lg-3 col-sm-6">
                <div class="gallery-item two">
                    <div class="gallery-thumb">
                        <a href="../imgs/images/gallery/gallery05.jpg" class="img-pop">
                            <i class="flaticon-loupe"></i>
                        </a>
                        <img src="../imgs/images/gallery/gallery05.jpg" alt="gallery">
                    </div>
                </div>
                <div class="gallery-item two">
                    <div class="gallery-thumb">
                        <a href="../imgs/images/gallery/gallery06.jpg" class="img-pop">
                            <i class="flaticon-loupe"></i>
                        </a>
                        <img src="../imgs/images/gallery/gallery06.jpg" alt="gallery">
                    </div>
                </div>
                <div class="gallery-item two">
                    <div class="gallery-thumb">
                        <a href="../imgs/images/gallery/gallery07.jpg" class="img-pop">
                            <i class="flaticon-loupe"></i>
                        </a>
                        <img src="../imgs/images/gallery/gallery07.jpg" alt="gallery">
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-3 order-lg-1">
                <div class="gallery-item two">
                    <div class="gallery-thumb">
                        <a href="../imgs/images/gallery/gallery11.jpg" class="img-pop">
                            <i class="flaticon-loupe"></i>
                        </a>
                        <img src="../imgs/images/gallery/gallery11.jpg" alt="gallery">
                    </div>
                </div>
                <div class="gallery-item two">
                    <div class="gallery-thumb">
                        <a href="../imgs/images/gallery/gallery12.jpg" class="img-pop">
                            <i class="flaticon-loupe"></i>
                        </a>
                        <img src="../imgs/images/gallery/gallery12.jpg" alt="gallery">
                    </div>
                </div>
                <div class="gallery-item two">
                    <div class="gallery-thumb">
                        <a href="../imgs/images/gallery/gallery13.jpg" class="img-pop">
                            <i class="flaticon-loupe"></i>
                        </a>
                        <img src="../imgs/images/gallery/gallery13.jpg" alt="gallery">
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="gallery-item two">
                    <div class="gallery-thumb">
                        <a href="../imgs/images/gallery/gallery08.jpg" class="img-pop">
                            <i class="flaticon-loupe"></i>
                        </a>
                        <img src="../imgs/images/gallery/gallery08.jpg" alt="gallery">
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="gallery-item two">
                            <div class="gallery-thumb">
                                <a href="../imgs/images/gallery/gallery09.jpg" class="img-pop">
                                    <i class="flaticon-loupe"></i>
                                </a>
                                <img src="../imgs/images/gallery/gallery09.jpg" alt="gallery">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="gallery-item two">
                            <div class="gallery-thumb">
                                <a href="../imgs/images/gallery/gallery10.jpg" class="img-pop">
                                    <i class="flaticon-loupe"></i>
                                </a>
                                <img src="../imgs/images/gallery/gallery10.jpg" alt="gallery">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Gallery-Section========== -->

<!-- ==========Tour-Section========== -->
<section class="tour-section padding-top padding-bottom">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="tour-content">
                    <div class="section-header-3 left-style">
                        <span class="cate">看看我们的旅游</span>
                        <h2 class="title">保证你可以信任。</h2>
                        <p class="ml-0">
                            因为更多的平静意味着更多的爱。
                        </p>
                    </div>
                    <ul class="list-tour">
                        <li>
                            <div class="thumb">
                                <img src="../imgs/images/tour/icon01.png" alt="tour">
                            </div>
                            <div class="content">
                                <h5 class="title">进入担保</h5>
                                <p>正宗门票，准时送货，并可获得
                                    你的活动。或者你的钱。句号。</p>
                            </div>
                        </li>
                        <li>
                            <div class="thumb">
                                <img src="../imgs/images/tour/icon02.png" alt="tour">
                            </div>
                            <div class="content">
                                <h5 class="title">价格匹配保证</h5>
                                <p>最好的价格在这里。如果你能找到更好的交易
                                    在其他地方，我们会弥补差额。</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-6 d-none d-lg-block">
                <div class="tour-thumb">
                    <img src="../imgs/images/tour/tour.png" alt="tour">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==========Tour-Section========== -->

<!-- ==========Newslater-Section========== -->
<footer class="footer-section">
    <div class="newslater-section padding-bottom">
        <div class="container">
            <div class="newslater-container bg_img" data-background="../imgs/images/newslater/newslater-bg01.jpg">
                <div class="newslater-wrapper">
                    <h5 class="cate">订阅Boleto</h5>
                    <h3 class="title">获得独家利益</h3>
                    <form class="newslater-form">
                        <input type="text" placeholder="Your Email Address">
                        <button type="submit">订阅</button>
                    </form>
                    <p>我们尊重您的隐私，因此从不共享您的信息</p>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="footer-top">
            <div class="logo">
                <a href="index-1.html">
                    <img src="../imgs/images/footer/footer-logo.png" alt="footer">
                </a>
            </div>
            <ul class="social-icons">
                <li>
                    <a href="#0">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                </li>
                <li>
                    <a href="#0" class="active">
                        <i class="fab fa-twitter"></i>
                    </a>
                </li>
                <li>
                    <a href="#0">
                        <i class="fab fa-pinterest-p"></i>
                    </a>
                </li>
                <li>
                    <a href="#0">
                        <i class="fab fa-google"></i>
                    </a>
                </li>
                <li>
                    <a href="#0">
                        <i class="fab fa-instagram"></i>
                    </a>
                </li>
            </ul>
        </div>
        <div class="footer-bottom">
            <div class="footer-bottom-area">
                <div class="left">
                    <p>版权© 2020.版权所有 <a href="http://www.bootstrapmb.com/">博莱托 </a></p>
                </div>
                <ul class="links">
                    <li>
                        <a href="#0">关于</a>
                    </li>
                    <li>
                        <a href="#0">使用条款</a>
                    </li>
                    <li>
                        <a href="#0">隐私政策</a>
                    </li>
                    <li>
                        <a href="#0">常见问题</a>
                    </li>
                    <li>
                        <a href="#0">反馈</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<!-- ==========Newslater-Section========== -->


<script src="../imgs/js/jquery-3.3.1.min.js"></script>
<script src="../imgs/js/modernizr-3.6.0.min.js"></script>
<script src="../imgs/js/plugins.js"></script>
<script src="../imgs/js/bootstrap.min.js"></script>
<script src="../imgs/js/isotope.pkgd.min.js"></script>
<script src="../imgs/js/magnific-popup.min.js"></script>
<script src="../imgs/js/owl.carousel.min.js"></script>
<script src="../imgs/js/wow.min.js"></script>
<script src="../imgs/js/countdown.min.js"></script>
<script src="../imgs/js/odometer.min.js"></script>
<script src="../imgs/js/viewport.jquery.js"></script>
<script src="../imgs/js/nice-select.js"></script>
<script src="../imgs/js/main.js"></script>
</body>

</html>
